﻿
@{
    ViewBag.Title = "Icon";
    Layout = "~/Views/Shared/_Form.cshtml";
}
<style>
    div i {
        margin: 5px 10px;
        cursor: pointer;
    }

        div i:hover {
            background-color: #eee;
        }
</style>
<div class="page-container" style="background-color: white;">
    <div class="page-content" style="background-color: white; padding: 15px;">
            <i class="fa fa-500px"></i>
            <i class="fa fa-amazon"></i>
            <i class="fa fa-balance-scale"></i>
            <i class="fa fa-battery-0"></i>
            <i class="fa fa-battery-1"></i>
            <i class="fa fa-battery-2"></i>
            <i class="fa fa-battery-3"></i>
    </div>
</div>
<script type="text/javascript">
    $("i").click(function () {
        var icon = $(this).attr("class");
        var s = $.currentIframe();
        parent.$('#Icon').val(icon);
    })
</script>
